<div id="testTree">
    <ul>
        <li>
            <a class="icon plus" ></a>
            <div class="element">a
                <span>
                    <i class="icon-zoom-in" title="Expend"></i>
                    <i class="icon-plus" title="Add Child"></i>
                    <i class="icon-trash" title="Remove"></i>
                </span>
            </div>
            <ul style="display: none">
                <li>
                    <a class="icon plus"></a>
                    <div class="element active" >123
                         <span>
                            <i class="icon-zoom-in" title="Expend"></i>
                            <i class="icon-plus" title="Add Child"></i>
                            <i class="icon-trash" title="Remove"></i>
                        </span>
                    </div>
                </li>
                <li>
                    <a class="icon plus"></a>
                    <div class="element">123
                        <span>
                            <i class="icon-zoom-in" title="Expend"></i>
                            <i class="icon-plus" title="Add Child"></i>
                            <i class="icon-trash" title="Remove"></i>
                        </span>
                    </div>
                </li>
            </ul>
        </li>
        <li class="last">
            <a class="icon plus"></a>
            <div class="element">123
                <span>
                    <i class="icon-zoom-in" title="Expend"></i>
                    <i class="icon-plus" title="Add Child"></i>
                    <i class="icon-trash" title="Remove"></i>
                </span>
            </div>
            <ul>
                <li>
                    <a class="icon plus"></a>
                    <div class="element">123
                        <span>
                            <i class="icon-zoom-in" title="Expend"></i>
                            <i class="icon-plus" title="Add Child"></i>
                            <i class="icon-trash" title="Remove"></i>
                        </span>
                    </div>
                    <ul></ul>
                </li>
                <li>
                    <a class="icon plus"></a>
                    <div class="element">123
                        <span>
                            <i class="icon-zoom-in" title="Expend"></i>
                            <i class="icon-plus" title="Add Child"></i>
                            <i class="icon-trash" title="Remove"></i>
                        </span>
                    </div>
                    <ul></ul>
                </li>
            </ul>
        </li>
    </ul>
</div>

<link href="/stylesheets/tree.css" rel="stylesheet">
<script src="/javascripts/fmtree.js"></script>
